@rem: 20rem;
/*复位样式*/


body {
    /*选中文字设置*/
    font-family: "Microsoft YaHei";
    background-color: #f9f9f9 !important;
}
h2,
ul,
li,
p {
    margin: 0;
    padding: 0;
}
ul,
li {
    list-style: none;
}
.w-e-text-container{
    height: 350/@rem !important;/*!important是重点，因为原div是行内样式设置的高度300px*/
    z-index: 10 !important;
    .w-e-text{
      overflow-y:auto !important;
    }
}
.el-loading-mask{
  padding:120px 0;
}
.middle{
  padding-top:60px
}
.icon{
  width:20px;
  height:20px;
  margin-right:10px
}
@media (max-width: 960px){
  .index {
   padding-right:0
  }
}
@media (min-width: 1500px){
  .nav_cate {
    width: 12% !important;
  }
  .index-home{
    margin-left:16% !important;
  }
}
@media (min-width: 1920px){
  .container {
    width: 1400px !important;
  }
}
@media (max-width: 1500px){
  .nav_cate {
    width: 12% !important;
  }
  .index-home{
    margin-left:15% !important;
  }
}
@media (max-width: 1240px){
  .nav_cate {
    width: 11% !important;
  }
  .index-home{
    margin-left:15% !important;
  }
}
@media (max-width: 991px){
  .rightmenu .tweet-editor {
    width:92% !important
  }
  .rightmenu{
    display:none
  }
  .nav_cate{
    display:none
  }
  .index-home{
    margin-left: 0  !important
  }
}
@media (max-width: 450px){
  .container{
    padding:0 !important
  }
  .header .logo-s{
    height:100%;
  }
  .header .logo-s h1{
    margin:0 !important;
    height:100%;
    line-height:55px
  }
  .index>div{
    padding:0 !important;
  }
 .navbar{
  margin-bottom:0
 }
 .index .whitebg{
  overflow: visible !important;
  margin-top:0 !important;
  padding:0 !important;
  display:inline !important
 }
 .index .excerpt .focus{
  width:100% !important;
  margin-bottom:10px;
  display:none !important
 }
 .index .title{
  padding-left:16px !important;
  padding-right:20px !important;
 }
 .index .top_pic{
  width:100% !important;
  padding:15px;
  background: #fff;
 }
 .index .title h3{
  font-size:16px !important
 }
 .carousel-inner .item{
  height:200px !important;
 }
 .index .top_pic img{
  width:100% !important;
 }
 .index .top_box{
  width:100% !important;
  background:#fff;
  padding:15px
 }
 .nav_cate{
  display:none
 }
 .rightmenu{
  display:none
 }
 .right .widget{
  margin-bottom:0 !important;
 }
 .index .excerpt header{
  overflow: visible !important;
 }
 .index .excerpt h2{
  width:100%;
  display: block !important;
  white-space:nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden;
 }
 .index .excerpt .cat{
  display:none !important;
 }
 .footer{
  display:none
 }
 .look_pc{
  display:inline !important;
 }
 .look_mo{
   display:none !important;
 }
 .middle{
  margin-bottom:0
 }
 .container>.navbar-header{
  margin:0 !important
 }
}
.icon>img{
  width:100%;
  height:100%
}

.fade-enter-active {
    transition: all 0.5s linear;
    transform: translate3d(0, 0, 0);
}
.fade-leave-active{
    transition: all 0.5s linear;
    transform: translate3d(100%, 0, 0);
}
.fade-enter,  .fade-leave {
    transform: translate3d(100%, 0, 0);
}